<template>
    <div class="Class">
        <Header></Header>
        <div id="Class-pc">
           <div class="top">
               <img src="@/assets/Class1.jpg">
           </div>
           <div class="navigation">
               <a href="#最近更新">最近更新</a>
               <a href="#新手专区">新手专区</a>
               <a href="#Python编程">Python编程</a>
               <a href="#策略与应用">策略与应用</a>
               <a href="#数字课堂">数字课堂</a>
               <a href="#金融、经济与市场">金融、经济与市场</a>
           </div>
           <div id="最近更新" class="text">
               最近更新
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div id="新手专区" class="text">
               新手专区
           </div>
           <div class="update">
               <div class="box">
                   <img class="box-img" src="@/assets/Class4.jpg">
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div id="Python编程" class="text">
               Python编程
           </div>
           <div class="update">
               <div class="box">
                  <img class="box-img" src="@/assets/Class5.jpg">
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div id="策略与应用" class="text">
               策略与应用
           </div>
           <div class="update">
               <div class="box">
                   <img class="box-img" src="@/assets/Class6.jpg">
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div id="数字课堂" class="text">
               数字课堂
           </div>
           <div class="update">
               <div class="box">
                    <img class="box-img" src="@/assets/Class7.jpg"> 
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
            <div id="金融、经济与市场" class="text">
               金融、经济与市场
           </div>
           <div class="update">
               <div class="box">
                   <img class="box-img" src="@/assets/Class8.jpg"> 
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
           <div class="update">
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
               <div class="box">
                   <div class="box-top">
                       <div class="box-top-img">
                           <img src="@/assets/Class2.jpg">
                       </div>
                        <div class="box-top-text">
                           策略与应用
                       </div>
                   </div>
                   <div class="box-middle">
                       季报预告信号策略的失效 - 知情交易的查证
                   </div>
                    <div class="box-bottom">
                       <div class="box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="box-bottom-text">
                           8888人正在学习
                       </div>
                   </div>
               </div>
           </div>
        </div>
        <div id="Class-mobile">
            <div class="mobile-top">
                <img src="@/assets/Class1.jpg">
            </div>
            <div class="mobile-navigation">
                <a>最近更新</a>
                <a>新手专区</a>
                <a>Python编程</a>
                <a>策略与应用</a>
                <a>数字课堂</a>
                <a>金融、经济与市场</a>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile-box-text">
                    季报预告新号策略的失效-知情交易的查证
                </div>
                <div class="mobile-box-bottom">
                    <div class="mobile-box-bottom-img">
                           <img src="@/assets/Class3.jpg">
                       </div>
                       <div class="mobile-box-bottom-text">
                           8888人正在学习
                       </div> 
                </div>
            </div>h
        </div>
    </div>
</template>
<script>
import Header from '@/components/Header.vue'
export default {
    name: 'Class',
    components: {
    Header,
  }
}
</script>
<style scoped>
@media screen and (min-width:981px){
#Class-mobile{
    display: none;
}
#Class-pc{
    display: block;
    width:100%;
    height: auto;
    padding-top:57px;
    background: rgb(226, 224, 224);
}
.top{
    width:100%;
    height: auto;
}
.top img{
    width: 100%;
    height:200px;
}
.navigation{
    width:100%;
    height: 80px;
    padding-left:6%;
    font-size: 20px;
    line-height: 80px;
    background: white;
}
.navigation a{
    float: left;
    margin-right:60px; 
    color:#9e9a9a;
    font-family: "STFangsong";
}
.text{
    display: block;
    width: 100%; 
    height: auto;
    font-size: 30px;
    line-height: 180px;
    font-family: "KaiTi";
    text-align: center;

}
.update{
    width:100%;
    height:230px;
    padding:20px 6% 20px 6%;
    background: rgb(226, 224, 224); 
}
.update .box{
    position: relative;
    top: 0px;
    bottom: 0px;
    float: left;
    width:23%;
    height:190px;
    margin-right:2%;
    background: white;
    box-sizing: border-box;
    padding:10px;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 5px;
}
.update .box:hover{
    top: -20px;
    box-shadow: 0px 10px 16px 3px #dfdfdf; 
  }
.update .box .box-img{
    width:100%;
    height: 170px;
}
.update .box .box-top{
    width:100%;
    height: 75px;
    
}
.update .box .box-top-img img{
    float: left;
    width:25%; 
    border-bottom: 1px solid #e6e6e6;
}
.update .box .box-top-text{
    float: left;
    width: 75%;
    font-size: 15px;
    line-height: 75px;
    color: #9c8d8d;
    border-bottom: 1px solid #e6e6e6;
}
.update .box  .box-middle{
    width:100%;
    height: 80px;
    padding-top:20px;
    padding-bottom:20px;
    font-size:13px;
    line-height: 15px;
    text-align: center;
}
.update .box  .box-bottom{
    width: 100%;
    height: 35px;
}
.update .box  .box-bottom .box-bottom-img{
    width:20%;
    float: left; 
    height: 35px;
}
.update .box  .box-bottom .box-bottom-text{
    width:80%;
    float: left;
    font-size: 10px;
    height: 35px;
    line-height: 20px;
    color: #b3aeae;
}
}
@media screen and (max-width:980px){
#Class-pc{
    display: none;
}
#Class-mobile{
    display: block;
    width:100%;
    height: auto;
    padding-top:57px;
    background: rgb(226, 224, 224);
}
.mobile-top{
    width:100%;
}
.mobile-top img{
    width:100%;
    height: 150px;
}
.mobile-navigation{
    width:100%;
    height: auto;
    padding-left:2%;
    padding-right:2%;
    display: inline-block;
    background: white;
}
.mobile-navigation a{
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-right:20px;
    color:  #9e9a9a;
}
.mobile-box{
    width:94%;
    height: 90px;
    margin: 10px 2% 10px 2%;
    background: white;
    
}
.mobile-box .mobile-box-text{
    width:100%;
    height: 64px;
    font-size: 15px;
    line-height: 64px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;

}
.mobile-box-bottom{
    width:100%;
    height: 25px;
}
.mobile-box-bottom .mobile-box-bottom-img{
    float: left;
    width:20%;
    padding-left:5%;
    height: 25px;
}
.mobile-box-bottom .mobile-box-bottom-text{
    float: left;
    width:80%;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    font-family: 'KaiTi';
    color: #b3aeae;
}
}
</style>

